<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<style>
			.top_box{
				width:60%;
				float: left;
			}
			.tab_right{
				width:40%;
				float: left;
			}
			.ec_map_box{
				width:100%
			}
		</style>
	</head>
	<body style="background: #000026; perspective: 100vh;"> 
			<input type="text" id="mapNameOpen" value="" style="display: none;"/>
		<img src="static/img/bg.jpg" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="map_close"></div>
			<!--<div id="mapNameOpen">北京</div>-->
			<div class="header">
				<div class="logo">省内接入资源视图</div>
				<a href="javascript:void();" target="mainframe" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<div id="topTip" class="top_tip" ><strong>北京</strong>机房数<strong>50</strong>个</div>
				<div class="bottom_content">
					<div class="top_box">
						<div class="ec_map_box">
							<h2>接入资源分布</h2>
							<div class="ec_map_rd" id="ec_map_rd"></div>
						</div>
						<div class="bottom_box" style="width:100%;height:115px;">
							<h2>接入企业数变化趋势</h2>
							<div class="ec_line_rd" id="ec_line_rd"></div>
						</div>
					</div>
					<div class="tab_right">
							<div class="right_table_box">
							 <div class="headerBox">
							    <h2>IDC/ISP业务</h2>
								<ul class="tab_classify proType">
									<li class="active" style="width:110px;">各企业带宽排名</li>
									<li style="width:100px;">服务区域分类</li>
								</ul>
							 </div>
							 
								<!-- <ul class="tab_classify">
									<li class="active"></li>
									<li>服务区域分类</li>
								</ul> -->
								<div class="tab_classify_content">
									<div class="tab_classify_left tcl">
										<table class="tab_heard">
											<tbody>
												<tr>
													<th style="width:60px;">排名</th>
													<th style="width:220px;">企业名称</th>
													<th>宽带(M)</th>
												</tr>
											</tbody>
										</table>
										<div class="tab_scr" id="ranklistRight1" style="height: 153.2px;">
											<table class="tab_content">
												<tbody>
													<tr>
														<td style="width:60px;">1</td>
														<td>北京电信</td>
														<td>维嘉机房</td>
														<td>1800</td>
													</tr>
													<tr>
														<td style="width:60px;">2</td>
														<td>北京电信</td>
														<td>北七家机房</td>
														<td>1600</td>
													</tr>
													<tr>
														<td style="width:60px;">3</td>
														<td>北京联通</td>
														<td>科技城机房</td>
														<td>1500</td>
													</tr>
													<tr>
														<td style="width:60px;">4</td>
														<td>北京移动</td>
														<td>延庆机房</td>
														<td>1400</td>
													</tr>
													<tr>
														<td style="width:60px;">5</td>
														<td>北京电信</td>
														<td>五四机房</td>
														<td>1200</td>
													</tr>
													
												</tbody>
											</table>
						
											
										</div>
									</div>
									<div class="tab_classify_middle" id="ec_pie_right"></div>
								</div>
							</div>
						
						    <div class="right_table_box">
							    <div class="headerBox">
								    <h2>云业务</h2>
										<ul class="tab_classify">
											<li class="active" style="width:110px;">云业务带宽排行</li>
										</ul>
								 	</div>
								 	<table class="tab_heard">
											<tbody>
												<tr>
													<tr>
														<th>排名</th>
														<th>企业名称</th>
														<th>业务带宽</th>
													</tr>
												</tr>
											</tbody>
										</table>
										<div class="tab_scr" id="ranklistRight2" style="height: 153.2px;">
											<table class="tab_content">
												<tbody>
											<tr>
												<td>1</td>
												<td title="阿里云计算有限公司">阿里云计算有限公司</td>
												<td>242934</td>
											</tr>
										
											</table>
										</div>
								 
								<!-- <ul class="tab_classify">
									<li class="active">云业务带宽排行</li>
								</ul> -->
								<!--<div id="yunPie"> </div>-->
							</div>
							
							<div class="right_table_box">
							<div class="headerBox">
								    <h2>CDN业务</h2>
									<ul class="tab_classify">
										<li class="active" style="width:130px;">CDN企业资源排名</li>
									</ul>
								 </div>
								 
							<!-- 	<ul class="tab_classify">
									<li class="active">CDN企业资源排名</li>
								</ul> -->
								<div class="tab_classify_content">
									<div class="tab_classify_left">
										<table class="tab_heard">
											<tbody>
												<tr>
													<tr>
														<th>排名</th>
														<th>企业</th>
														<th>加速域名数量</th>
													</tr>
												</tr>
											</tbody>
										</table>
										<div class="tab_scr" id="ranklistRight3" style="height: 153.2px;">
											<table class="tab_content">
												<tbody>
											<tr>
												<td>1</td>
												<td title="阿里云计算有限公司">阿里云计算有限公司</td>
												<td>242934</td>
											</tr>
											<tr>
												<td>2</td>
												<td title="网宿科技股份有限公司">网宿科技股份有限公司</td>
												<td>171103</td>
											</tr>
											<tr>
												<td>3</td>
												<td title="腾讯云计算（北京）有限责任公司">腾讯云计算（北京）有限责任公司</td>
												<td>148795</td>
											</tr>
											<tr>
												<td>4</td>
												<td title="北京蓝汛通信技术有限责任公司">北京蓝汛通信技术有限责任公司</td>
												<td>39892</td>
											</tr>
											<tr>
												<td>5</td>
												<td title="上海帝联信息科技股份有限公司">上海帝联信息科技股份有限公司</td>
												<td>32057</td>
											</tr>
											<tr>
												<td>6</td>
												<td title="北京快网科技有限公司">北京快网科技有限公司</td>
												<td>12979</td>
											</tr>
											<tr>
												<td>7</td>
												<td title="北京百度网讯科技有限公司">北京百度网讯科技有限公司</td>
												<td>1687</td>
											</tr>
											<tr>
												<td>8</td>
												<td title="贵州白山云科技有限公司">贵州白山云科技有限公司</td>
												<td>892</td>
											</tr>
											<tr>
												<td>9</td>
												<td title="同兴万点（北京）网络技术有限公司">同兴万点（北京）网络技术有限公司</td>
												<td>764</td>
											</tr>
											<tr>
												<td>8</td>
												<td title="北京动力在线通信服务有限公司">北京动力在线通信服务有限公司</td>
												<td>532</td>
											</tr>
											</table>
										</div>
									</div>
								</div>
							</div>
						
							
						</div>
	
				</div>
			</div>
			<!--<div class="foot">
				<a href="javascript:void();" class="next_btn"></a>
			</div>-->
		</div>
		<script src="static/js/calculate.js"></script>
		<!--<script src="static/js/flip.js"></script>-->
		<script>
			calculate3rd();
			window.onresize=function(){
				calculate3rd();
			}
		</script>
		<script src="static/echarts/js-base/echarts3.5.4.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/page3rd.js"></script>
		<script>
			/* var n=0;
			$(".tab_classify li").click(function(){
				$(this).addClass('active').siblings().removeClass()
				n=$(this).index();
				$(this).parent('ul').siblings('.tab_classify_content').children('div').eq(n).show().siblings().hide();
			}) */
		</script>
		<script type="text/javascript">
	  /*   var scroll1 = new ScrollText("ranklistRight1","pre2","next2",true,50,true);
	    scroll1.LineHeight = 63;
	    var scroll2 = new ScrollText("ranklistRight2","pre2","next2",true,50,true);
	    scroll2.LineHeight = 63;
	    var scroll3 = new ScrollText("ranklistRight3","pre2","next2",true,50,true);
	    scroll3.LineHeight = 63; */
		</script>
	</body>
</html>
